<template>
	<view class="content">
		<view class="one">
		<view class="person">收货人</view>	<input type="text" placeholder="请输入有效姓名" v-model="name">
		</view>
		<view class="line"></view>
		<view class="one">
		<view class="person">联系电话</view>	<input type="text" placeholder="请输入有效电话号码" v-model="phone">
		</view>
		<view class="line"></view>
		<view class="one">
		<view class="person">收货地址</view>	<input type="text" placeholder="请输入收货地址" v-model="addre">
		</view>
		<view class="line"></view>
		<view class="one">
		<view class="person">详细地址</view>	<input type="text" placeholder="门牌号可选填" v-model="address">
		</view>
		<view class="linebig">
				<view class="btn" @click="tobuy">确定</view>
		</view>
		
	
		
	</view>
</template>

<script>
	export default{
		 data(){
			  return{
				  name:"",
				  phone:"",
				  addre:"",
				  address:""
			  }
		 },
		 methods:{
			  tobuy(){
				 uni.redirectTo({
				 	url:`/pages/shopCars/tobuy?address=${this.addre}`
				 })  
				    
			  }
		 }
		   
	}
</script>

<style>
		
	.linebig{
		width: 100%;
		height: 496rpx;
		background-color: #f4f4f4;
		margin-top: 84rpx;
		
	}
	.line{
		width: 100%;
		height: 1rpx;
		background-color: #f4f4f4;
		margin-top: 20px;
	}
	.one{
		display: flex;
		margin-top: 20px;
		margin-left: 20rpx;
	}
	.one>input{
		margin-left: 10rpx;
		padding: 10px 20px;
			font-size: 38rpx;
	}
	.person{
		font-size: 42rpx;
		position: relative;
		top: 17rpx;
	}
	.btn{
		 width: 340px;
		 height: 50px;
		 border-radius: 50px;
		 background-color: #fe9a69;
		 color: white;
		 text-align: center;
		 line-height: 50px;
		 position: relative;
		 top: 174px;
		 margin: 0 auto;
	}
</style>